<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title>响应式卫浴水龙头外贸企业网站模板_响应式卫浴水龙头外贸企业网站模板</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link href="/31392/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <link href="{HOME_THEME_PATH}css/style.css" rel="stylesheet" media="screen" type="text/css">
    <link href="{HOME_THEME_PATH}css/guestbook.css" rel="stylesheet" media="screen" type="text/css">
</head>

<body>
    <div class="container">
        <header class="index_web_head web_head">
            <div class="layout">
                <figure class="logo"><a href=""><img class="logo_default" src="{HOME_THEME_PATH}picture/1-2310251150545c.png"
                            alt="响应式卫浴水龙头外贸企业网站模板"><img class="logo_fixed" src="{HOME_THEME_PATH}picture/1-24060509222D43.png"
                            alt="响应式卫浴水龙头外贸企业网站模板"></a></figure>
                <ul class="head_right">
                    <li class="top_item"><b id="btn-search" class="btn--search"></b></li>
                </ul>
                <nav class="nav_wrap">
                    <ul class="head_nav">
                        <li class="nav-current"><a href=""><em>Home</em></a></li>
                        <li class=""><a href="about.html"><em>ABOUT</em></a> </li>
                        <li class=""><a href="products.html"><em>PRODUCTS</em></a>
                            <ul>
                                <li><a href="scissor_lift.html"><em>SCISSOR LIFT</em></a>
                                    <ul>
                                        <li><a href="manlift.html"><em>Manlift</em></a></li>
                                        <li><a href="forklift.html"><em>Forklift</em></a></li>
                                    </ul>
                                </li>
                                <li><a href="air-blower.html"><em>AIR BLOWER</em></a> </li>
                                <li><a href="earthmov.html"><em>EARTHMOV</em></a> </li>
                                <li><a href="excavator.html"><em>EXCAVATOR</em></a> </li>
                                <li><a href="cable-reel.html"><em>Cable reel</em></a> </li>
                                <li><a href="tripod.html"><em>Tripod</em></a> </li>
                            </ul>
                        </li>
                        <li class=""><a href="news.html"><em>NEWS</em></a> </li>
                        <li class=""><a href="download.html"><em>DOWNLOAD</em></a> </li>
                        <li class=""><a href="contact.html"><em>CONTACT</em></a> </li>
                    </ul>
                </nav>
            </div>
        </header>
        <section class="web_main index_main">
            <div class="slider_banner">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"> <a href=""> <img src="{HOME_THEME_PATH}picture/1-230F5114413T8.jpg"
                                alt="All Men New Arrival"></a></div>
                    <div class="swiper-slide"> <a href=""> <img src="{HOME_THEME_PATH}picture/1-230F5114413B7.jpg"
                                alt="Best Selling Product"></a></div>
                </div>
                <div class="swiper-pagination swiper-pagination-white"></div>
                <div class="swiper-button-next swiper-button-white"></div>
                <div class="swiper-button-prev swiper-button-white"></div>
            </div>
            <div class="index_impt_section">
                <div class="layout">
                    <h2 class="title wow fadeInUpA" data-wow-delay=".1s">So-and-so is dedicated to bringing you the
                        finest in automotive upgrades with quality materials, distinctive designs, and great customer
                        service.</h2>
                </div>
            </div>
            <div class="index_product">
                <div class="layout">
                    <div class="product_slider">
                        <ul class="swiper-wrapper">
                            <li class="swiper-slide product_item wow fadeInUpA" data-wow-delay=".1s">
                                <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/1-230G4142231b6.png"
                                            alt="The Core Electric Forklift"><a
                                            href="the-core-electric-forklift_14.html"></a></span>
                                    <figcaption>
                                        <h3 class="item_title"><a href="the-core-electric-forklift_14.html">The Core
                                                Electric Forklift</a></h3>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="swiper-slide product_item wow fadeInUpA" data-wow-delay=".2s">
                                <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/1-230G4142230337.png"
                                            alt="Wz15-10 Wheel Excavator Loader"><a
                                            href="wz15-10-wheel-excavator-loader_13.html"></a></span>
                                    <figcaption>
                                        <h3 class="item_title"><a href="wz15-10-wheel-excavator-loader_13.html">Wz15-10
                                                Wheel Excavator Loader</a></h3>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="swiper-slide product_item wow fadeInUpA" data-wow-delay=".3s">
                                <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/1-230G4142231E5.png"
                                            alt="60 Inch, Diesel, Double Drum, Ride-On Roller"><a
                                            href="60-inch-diesel-double-drum-ride-on-roller_12.html"></a></span>
                                    <figcaption>
                                        <h3 class="item_title"><a
                                                href="60-inch-diesel-double-drum-ride-on-roller_12.html">60 Inch,
                                                Diesel, Double Drum, Ride-On Roller</a></h3>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="swiper-slide product_item wow fadeInUpA" data-wow-delay=".4s">
                                <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/1-230G41431334J.png"
                                            alt="220X EXCAVATOR"><a href="220x-excavator_11.html"></a></span>
                                    <figcaption>
                                        <h3 class="item_title"><a href="220x-excavator_11.html">220X EXCAVATOR</a></h3>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="swiper-slide product_item wow fadeInUpA" data-wow-delay=".5s">
                                <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/1-230G41431333a.png"
                                            alt="15ft – 21ft Electric Scissor Lift"><a
                                            href="15ft-21ft-electric-scissor-lift_10.html"></a></span>
                                    <figcaption>
                                        <h3 class="item_title"><a href="15ft-21ft-electric-scissor-lift_10.html">15ft –
                                                21ft Electric Scissor Lift</a></h3>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="swiper-slide product_item wow fadeInUpA" data-wow-delay=".6s">
                                <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/1-230G41431332R.png"
                                            alt="150ft-Articulating Boom Lift"><a
                                            href="150ft-articulating-boom-lift_9.html"></a></span>
                                    <figcaption>
                                        <h3 class="item_title"><a
                                                href="150ft-articulating-boom-lift_9.html">150ft-Articulating Boom
                                                Lift</a></h3>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="swiper-slide product_item wow fadeInUpA" data-wow-delay=".7s">
                                <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/1-230G4143133136.png"
                                            alt="Cat® C32 ACERT"><a href="catlu-c32-acert_8.html"></a></span>
                                    <figcaption>
                                        <h3 class="item_title"><a href="catlu-c32-acert_8.html">Cat® C32 ACERT</a></h3>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="swiper-slide product_item wow fadeInUpA" data-wow-delay=".8s">
                                <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/1-230G4144055Y7.png"
                                            alt="Yellow Dumper"><a href="yellow-dumper_7.html"></a></span>
                                    <figcaption>
                                        <h3 class="item_title"><a href="yellow-dumper_7.html">Yellow Dumper</a></h3>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="swiper-slide product_item wow fadeInUpA" data-wow-delay=".9s">
                                <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/1-230G4144055350.png"
                                            alt="Heavy Duty Telehandler"><a
                                            href="heavy-duty-telehandler_6.html"></a></span>
                                    <figcaption>
                                        <h3 class="item_title"><a href="heavy-duty-telehandler_6.html">Heavy Duty
                                                Telehandler</a></h3>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="swiper-slide product_item wow fadeInUpA" data-wow-delay=".10s">
                                <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/1-230G4144055222.png"
                                            alt="Truck Crane, Isolated"><a
                                            href="truck-crane-isolated_5.html"></a></span>
                                    <figcaption>
                                        <h3 class="item_title"><a href="truck-crane-isolated_5.html">Truck Crane,
                                                Isolated</a></h3>
                                    </figcaption>
                                </figure>
                            </li>
                        </ul>
                        <div class="swiper-button-prev"><i></i></div>
                        <div class="swiper-button-next"><i></i></div>
                    </div>
                    <div class="btn_bar"> <a href="products.html" class="sys_btn sys_btn_white wow fadeInUpA"
                            data-wow-delay=".1s">Learn More About CST</a> </div>
                </div>
            </div>
            <div class="index_company_intr">
                <div class="layout">
                    <ul class="service_items wow fadeInLeftA" data-wow-delay=".1s">
                        <li class="service_item">
                            <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/intro_ico_1.png" alt=""></span>
                                <figcaption>
                                    <h3 class="item_title">Quality</h3>
                                    <span class="item_text">Want two-tone seat covers with your personalized color
                                        selections? Perforated seating surfaces? Contrast stitching? All that and more
                                        is possible through Classic Soft Trim. </span>
                                </figcaption>
                            </figure>
                        </li>
                        <li class="service_item">
                            <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/intro_ico_2.png" alt=""></span>
                                <figcaption>
                                    <h3 class="item_title">Options</h3>
                                    <span class="item_text">Want two-tone seat covers with your personalized color
                                        selections? Perforated seating surfaces? Contrast stitching? All that and more
                                        is possible through Classic Soft Trim. </span>
                                </figcaption>
                            </figure>
                        </li>
                        <li class="service_item">
                            <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/intro_ico_3.png" alt=""></span>
                                <figcaption>
                                    <h3 class="item_title">Safety</h3>
                                    <span class="item_text">Your safety is our top priority, so all our seat covers are
                                        airbag certified. You never have to sacrifice safety for a great looking
                                        interior. That’s a promise from Classic Soft Trim. </span>
                                </figcaption>
                            </figure>
                        </li>
                        <li class="service_item">
                            <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/intro_ico_4.png" alt=""></span>
                                <figcaption>
                                    <h3 class="item_title">Warranty</h3>
                                    <span class="item_text">How does a limited lifetime warranty sound? We thought you’d
                                        like that. With a Classic Soft Trim leather interior in your car, you can rest
                                        easy. </span>
                                </figcaption>
                            </figure>
                        </li>
                    </ul>
                    <div class="company_intr_cont wow fadeInRightA" data-wow-delay=".1s">
                        <h2 class="company_intr_title" data-wow-delay=".1s">Our leather interiors are simply the best.
                        </h2>
                        <a class="sys_btn company_intr_more" data-wow-delay=".2s" href="javascript:;">More About CST
                            Leather</a>
                    </div>
                </div>
            </div>
            <div class="index_business" style="background-image: url({HOME_THEME_PATH}image/business_bg.jpg)">
                <div class="layout  wow fadeInUpA" data-wow-delay=".1s">
                    <h2 class="title">Classic Soft Trim is much more than leather seat covers. We’re a one-stop shop for
                        sunroofs, electronics, seat heaters and much more to make your car, truck, or SUV truly YOURS.
                    </h2>
                    <div class="btn_bar"> <a href="javascript:;" class="sys_btn sys_btn_white">Find Out More</a> <a
                            href="javascript:;" class="sys_btn sys_btn_white">Find ALL Accessories for Your Vehicle</a>
                    </div>
                </div>
            </div>
            <div class="index_ad">
                <div class="layout">
                    <ul class="ad_items">
                        <li class="ad_item wow fadeInUpA" data-wow-delay=".1s">
                            <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/sv_ico_1.png" alt=""></span>
                                <figcaption>
                                    <h3 class="item_title"><a href="javascript:;">Signature Sunroofs</a></h3>
                                    <span class="item_text">Do you want light, ventilation, and that wind-in-your-hair
                                        feeling? We partner with the best aftermarket sunroof manufacturer on the
                                        planet, Signature Sunroofs, to give you just what you’re looking for.</span>
                                </figcaption>
                            </figure>
                        </li>
                        <li class="ad_item wow fadeInUpA" data-wow-delay=".2s">
                            <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/sv_ico_2.png" alt=""></span>
                                <figcaption>
                                    <h3 class="item_title"><a href="javascript:;">Electronics</a></h3>
                                    <span class="item_text">Get the latest in automotive entertainment and tech
                                        solutions from partners like Rosen Electronics and more. We install and you just
                                        sit back and enjoy.</span>
                                </figcaption>
                            </figure>
                        </li>
                        <li class="ad_item wow fadeInUpA" data-wow-delay=".3s">
                            <figure> <span class="item_img"><img src="{HOME_THEME_PATH}picture/sv_ico_3.png" alt=""></span>
                                <figcaption>
                                    <h3 class="item_title"><a href="javascript:;">and More…</a></h3>
                                    <span class="item_text">We’ve got years of experience with spoilers, woodgrain
                                        dashes, steering wheels, and lots more. Talk to us, and we’ll help make your
                                        dreams into your dream car.</span>
                                </figcaption>
                            </figure>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="index_promote">
                <div class="layout">
                    <ul class="promote_list">
                        <li class="promote_item wow fadeInLeftA" data-wow-delay=".1s"><a
                                href="the-core-electric-forklift_14.html"><img src="{HOME_THEME_PATH}picture/1-230G4142231b6.png"
                                    alt="The Core Electric Forklift"></a></li>
                        <li class="promote_item wow fadeInLeftA" data-wow-delay=".2s"><a
                                href="wz15-10-wheel-excavator-loader_13.html"><img
                                    src="{HOME_THEME_PATH}picture/1-230G4142230337.png" alt="Wz15-10 Wheel Excavator Loader"></a>
                        </li>
                        <li class="promote_item wow fadeInLeftA" data-wow-delay=".3s"><a
                                href="60-inch-diesel-double-drum-ride-on-roller_12.html"><img
                                    src="{HOME_THEME_PATH}picture/1-230G4142231E5.png"
                                    alt="60 Inch, Diesel, Double Drum, Ride-On Roller"></a></li>
                    </ul>
                </div>
            </div>
        </section>
        <footer class="web_footer">
            <div class="company_subscribe">
                <div class="layout">
                    <h2 class="wow fadeInLeftA title animated">Please leave your request !</h2>
                    <a href="javascript:;" class="wow fadeInRightA button animated">Message</a>
                </div>
            </div>
            <div class="layout">
                <div class="foot_items">
                    <div class="wow fadeInLeftA foot_item foot_item_contact" data-wow-delay=".1s">
                        <h3 class="title">Contact Us</h3>
                        <div class="foot_item_bd">
                            <address>
                                <ul>
                                    <li>Guangzhou City, Guangdong Province</li>
                                    <li>
                                        <p>020-88888888</p>
                                        <p><a href="mailto:youweb@qq.com" target="_blank">youweb@qq.com</a></p>
                                    </li>
                                </ul>
                            </address>
                        </div>
                    </div>
                    <div class="wow fadeInLeftA foot_item foot_item_product" data-wow-delay=".2s">
                        <h3 class="title">PRODUCTS</h3>
                        <div class="foot_item_bd">
                            <ul>
                                <li><a href="scissor_lift.html">SCISSOR LIFT</a></li>
                                <li><a href="air-blower.html">AIR BLOWER</a></li>
                                <li><a href="earthmov.html">EARTHMOV</a></li>
                                <li><a href="excavator.html">EXCAVATOR</a></li>
                                <li><a href="cable-reel.html">Cable reel</a></li>
                                <li><a href="tripod.html">Tripod</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="wow fadeInLeftA foot_item foot_item_follow" data-wow-delay=".3s">
                        <h3 class="title">Follow</h3>
                        <div class="foot_item_bd">
                            <ul class="foot_sns">
                                <li><a href="https://www.facebook.com"><img src="{HOME_THEME_PATH}picture/sns01.png"
                                            alt="Facebook"></a></li>
                                <li><a href="https://twiiter.com"><img src="{HOME_THEME_PATH}picture/sns02.png" alt="Twiiter"></a>
                                </li>
                                <li><a href="https://www.youtube.com"><img src="{HOME_THEME_PATH}picture/sns03.png"
                                            alt="Youtube"></a></li>
                                <li><a href="https://www.instagram.com"><img src="{HOME_THEME_PATH}picture/sns04.png"
                                            alt="Instagram"></a></li>
                                <li><a href="https://www.google.com"><img src="{HOME_THEME_PATH}picture/sns05.png"
                                            alt="Google"></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="foot_bar">
                <div class="layout">
                    <div class="copyright">Copyright © 2012-202X Foreign Trade Company. All rights reserved</div>
                    <ul class="foot_nav">
                        <li><a href="">HOME</a></li>
                        <li><a href="about.html">ABOUT</a></li>
                        <li><a href="products.html">PRODUCTS</a></li>
                        <li><a href="news.html">NEWS</a></li>
                        <li><a href="download.html">DOWNLOAD</a></li>
                        <li><a href="contact.html">CONTACT</a></li>
                    </ul>
                </div>
            </div>
        </footer>
        <!-- 应用插件标签 start -->

        <!-- 应用插件标签 end -->
    </div>
    <aside class="scrollsidebar" id="scrollsidebar">
        <section class="side_content">
            <div class="side_list">
                <header class="hd"><img src="{HOME_THEME_PATH}picture/title_pic.png" alt=""></header>
                <div class="cont">
                    <li><a class="email" href="mailto:youweb@qq.com">Send Email</a></li>
                    <li><a class="skype" href="skype:youweb">Skype Chat</a></li>
                    <li><a class="inquiry" href="javascript:;">Send Inquiry</a></li>
                </div>
                <div class="t-code"><img src="{HOME_THEME_PATH}picture/1-23102514444J00.jpg"></div>
                <div class="side_title">LiveChat<a class="close_btn"><span>关闭</span></a></div>
            </div>
        </section>
        <div class="show_btn"></div>
    </aside>
    <div class="inquiry-pop-bd">
        <div class="inquiry-pop"><i class="ico-close-pop" onclick="hideMsgPop();"></i>
            <div class="content-wrap form"
                style="min-width:280px;min-height:420px;width:100%;height:100%;background:transparent;border:none;outline:none;margin:0;padding:0;box-shadow: 0 0 10px rgb(0,0,0,.1);overflow: hidden;">
                <div class="ch_form_wrap">
                    <div class="email_point"> </div>
                    <h1 class="title"><em>Leave Your Message</em> </h1>
                    <form method="POST" action="/31392/index.php?m=home&c=Lists&a=gbook_submit&lang=cn"
                        enctype="multipart/form-data" onsubmit="return submit83f60c530fa52f1faea83c5a521285fd(this);"
                        class="ch_form">
                        <ul>
                            <li class="item item_name">
                                <input type="text" name="attr_2" id="attr_2" placeholder="* Name">
                            </li>
                            <li class="item item_email">
                                <input type="text" name="attr_4" id="attr_4" placeholder="* Email">
                            </li>
                            <li class="item item_phone">
                                <input type="text" name="attr_3" id="attr_3" placeholder="Phone">
                            </li>
                            <li class="item item_message">
                                <textarea name="attr_5" id="attr_5" placeholder="* Message"></textarea>
                            </li>
                        </ul>
                        <div class="item item_submit">
                            <input type="submit" value="Send" name="submit" class="submit_btn gtm_submit_btn"
                                style=" margin:0">
                        </div>
                        <br>
                        <input type="hidden" name="gourl" id="gourl_83f60c530fa52f1faea83c5a521285fd"
                            value="https%3A%2F%2Fdemoall.kuaituiyun.cn%2F31392"><input type="hidden" name="typeid"
                            value="2"><input type="hidden" name="__token__83f60c530fa52f1faea83c5a521285fd"
                            id="83f60c530fa52f1faea83c5a521285fd" value=""><input type="hidden" name="form_type"
                            value="1">
                        <script type="text/javascript">
                            function submit83f60c530fa52f1faea83c5a521285fd(elements) {
                                if (document.getElementById('gourl_83f60c530fa52f1faea83c5a521285fd')) {
                                    document.getElementById('gourl_83f60c530fa52f1faea83c5a521285fd').value =
                                        encodeURIComponent(window.location.href);
                                }
                                var x = elements;
                                for (var i = 0; i < x.length; i++) {

                                    if (x[i].name == 'attr_2' && x[i].value.length == 0) {
                                        alert('Name Cannot be empty!');
                                        return false;
                                    }

                                    if (x[i].name == 'attr_3' && x[i].value.length == 0) {
                                        alert('Phone Cannot be empty!');
                                        return false;
                                    }

                                    if (x[i].name == 'attr_4' && x[i].value.length == 0) {
                                        alert('Email Cannot be empty!');
                                        return false;
                                    }

                                }

                                elements.submit();
                            }

                            function ey_fleshVerify_1717574239(id) {
                                var token = id.replace(/verify_/g, '__token__');
                                var src = "/31392/index.php?m=api&c=Ajax&a=vertify&type=guestbook&lang=cn&token=" +
                                    token;
                                src += "&r=" + Math.floor(Math.random() * 100);
                                document.getElementById(id).src = src;
                            }

                            function f49666bdc223263c7c2e197462addabc3() {
                                var ajax = new XMLHttpRequest();
                                ajax.open("post", "/31392/index.php?m=api&c=Ajax&a=get_token", true);
                                ajax.setRequestHeader("X-Requested-With", "XMLHttpRequest");
                                ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                                ajax.send("name=__token__83f60c530fa52f1faea83c5a521285fd");
                                ajax.onreadystatechange = function () {
                                    if (ajax.readyState == 4 && ajax.status == 200) {
                                        document.getElementById("83f60c530fa52f1faea83c5a521285fd").value = ajax
                                            .responseText;
                                        document.getElementById("gourl_83f60c530fa52f1faea83c5a521285fd").value =
                                            encodeURIComponent(window.location.href);
                                    }
                                }
                            }
                            f49666bdc223263c7c2e197462addabc3();

                            function getNext1598839807(id, name, level) {
                                var input = document.getElementById('attr_' + name);
                                var first = document.getElementById('first_id_' + name);
                                var second = document.getElementById('second_id_' + name);
                                var third = document.getElementById('third_id_' + name);
                                var findex = '',
                                    fvalue = '',
                                    sindex = '',
                                    svalue = '',
                                    tindex = '',
                                    tvalue = '',
                                    value = '';

                                if (level == 1) {
                                    if (second) {
                                        second.style.display = 'none';
                                        second.innerHTML = '';
                                    }
                                    if (third) {
                                        third.style.display = 'none';
                                        third.innerHTML = '';
                                    }
                                    findex = first.selectedIndex;
                                    fvalue = first.options[findex].value;
                                    input.value = fvalue;
                                    value = fvalue;
                                } else if (level == 2) {
                                    if (third) {
                                        third.style.display = 'none';
                                        third.innerHTML = '';
                                    }
                                    findex = first.selectedIndex;
                                    fvalue = first.options[findex].value;
                                    sindex = second.selectedIndex;
                                    svalue = second.options[sindex].value;
                                    if (svalue) {
                                        input.value = fvalue + ',' + svalue;
                                        value = svalue;
                                    } else {
                                        input.value = fvalue;
                                    }
                                } else if (level == 3) {
                                    findex = first.selectedIndex;
                                    fvalue = first.options[findex].value;
                                    sindex = second.selectedIndex;
                                    svalue = second.options[sindex].value;
                                    tindex = third.selectedIndex;
                                    tvalue = third.options[tindex].value;
                                    if (tvalue) {
                                        input.value = fvalue + ',' + svalue + ',' + tvalue;
                                        value = tvalue;
                                    } else {
                                        input.value = fvalue + ',' + svalue;
                                    }
                                }
                                if (value) {
                                    if (document.getElementById(id)) {
                                        document.getElementById(id).options.add(new Option('Please select ', ''));
                                        var ajax = new XMLHttpRequest();
                                        ajax.open("post", "/31392/index.php?m=api&c=Ajax&a=get_region", true);
                                        ajax.setRequestHeader("X-Requested-With", "XMLHttpRequest");
                                        ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                                        ajax.send("pid=" + value);
                                        ajax.onreadystatechange = function () {
                                            if (ajax.readyState == 4 && ajax.status == 200) {
                                                var data = JSON.parse(ajax.responseText).data;
                                                if (data) {
                                                    data.forEach(function (item) {
                                                        document.getElementById(id).options.add(new Option(
                                                            item.name, item.id));
                                                        document.getElementById(id).style.display = "block";
                                                    });
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        </script>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="web-search"> <b id="btn-search-close" class="btn--search-close"></b>
        <div style=" width:100%">
            <div class="head-search">
                <form method="get" action="/31392/index.php?m=home&c=Search&a=lists" onsubmit="return searchForm();">
                    <input class="search-ipt" type="text" name="keywords" id="keywords" placeholder="Start Typing...">
                    <input class="search-btn" type="submit">
                    <span class="search-attr">Hit enter to search or ESC to close</span> <input type="hidden" name="m"
                        value="home"><input type="hidden" name="c" value="Search"><input type="hidden" name="a"
                        value="lists"><input type="hidden" name="method" value="1"> </form>
            </div>
        </div>
    </div>
    <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/jquery-3.7.0.min.js"></script>
    <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/wow.js"></script>
    <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/swiper.js"></script>
    <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/zoom.js"></script>
    <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/scrollsidebar.js"></script>
    <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/common.js"></script>
</body>

</html>